<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ taglib prefix="s" uri="/struts-tags"%>
<!DOCTYPE html>
<html lang="en">
<head>
<jsp:include page="core/templates/header.jsp"></jsp:include>
<script type="text/javascript" src="custom/js/requestManagePage.js"></script>
<script src="custom/js/Chart.js"></script>
<link rel="stylesheet" type="text/css" href="custom/css/chart.css">
</head>
<body class="header1 activateAppearAnimation">
	<div id="globalWrapper">
		<jsp:include page="core/templates/mainMenu.jsp"></jsp:include>
		<jsp:include page="core/templates/banner.jsp"></jsp:include>
		<!-- Content -->
		<section id="content"
			style="background: url('core/images/feature.png') repeat;">
			<div class="container">
				<div class="row mb15 mt30">
					<div class="col-md-12">
						<h2>จัดการคำร้องขอของฉัน</h2>
					</div>
				</div>
				<div class="row mb30">
					<!-- Content -->
					<div class="col-md-9 mb15">
						<div class="row">
							<div class="col-md-12 mb05">
								<div class="color0 boxcontent">
									<div class="row mb05 textCenter">
										<div class="col-md-12 mb05 textColorBlack">
											<b>คุณสามารถเลือกดูมุมมองของการจัดการข้อมูลการร้องของานในโหมดของ
												"ฟรีแลนซ์" หรือ "ผู้ว่าจ้าง" ได้โดยทำการคลิกปุ่มด้านล่าง</b>
										</div>
									</div>
									<div class="row">
										<div class="col-md-12">
											<div class="row">
												<div class="col-md-5 col-md-offset-1">
													<div class="textCenter">
														<button type="button"
															class="btn btn-labeled btn-info font4" id="btnFreelance"
															onclick="changeAspect(AspectFreelance,AspectOwnJob,btnFreelance,btnOwnJob)">
															<span class="btn-label"><i class="icon-edit"></i></span>มุมมองของฟรีแลนซ์
														</button>
													</div>
												</div>
												<div class="col-md-5">
													<div class="textCenter">
														<button type="button" class="btn btn-labeled font4"
															id="btnOwnJob"
															onclick="changeAspect(AspectOwnJob,AspectFreelance,btnOwnJob,btnFreelance)">
															<span class="btn-label"><i class="icon-suitcase"></i></span>มุมมองของผู้ว่าจ้าง
														</button>
													</div>
												</div>
											</div>
										</div>
									</div>
								</div>
							</div>
						</div>
						<div class="row" id="AspectFreelance">
							<div class="col-md-12">
								<div class="tab-content  color0 boxcontent">
									<div class="row mb05">
										<div class="col-md-12">
											<h2>มุมมองของฟรีแลนซ์</h2>
										</div>
									</div>
									<div class="row">
										<div class="col-md-12">
											<ul class="nav nav-tabs" id="myTab">
												<li class="active"><a href="#taskMyRequestTab"
													data-toggle="tab">งานที่คุณร้องขอ&nbsp;<span
														class="badge"><s:property
																value="model.requestJobRequestStatus.size()+model.requestJobConfirmStatus.size()+model.requestJobRejectStatus.size()" /></span>
												</a></li>
												<li class=""><a href="#taskMyEmploymentTab"
													data-toggle="tab">งานที่คุณถูกว่าจ้างงาน&nbsp;<span
														class="badge"><s:property
																value="model.listBeEmployed.size()" /></span>
												</a></li>

											</ul>

											<div class="tab-content">
												<!-- tab 1 Request -->
												<div class="tab-pane fade active in" id="taskMyRequestTab">
													<div class="row">
														<div class="col-md-12 mb05">
															<div class="alert alert-info pb05 pt05">
																<p>
																	<b>ชี้แจง :</b> การแสดงรายละเอียดของงานจะแสดงตารางตาม <b>สถานะการร้องขอ</b>
																	ในปัจจุบัน
																</p>
															</div>
														</div>

														<div class="col-md-12 mb05">
															<h3>
																<span class="label label-info"><b>1. สถานะ</b></span>
																รอการอนุมัติจากผู้ว่าจ้าง
																(ขณะนี้อยู่ในขั้นตอนการพิจารณาจากผู้ว่าจ้าง)
															</h3>
														</div>
														<div class="col-md-12 mb05">
															<s:if test="model.requestJobRequestStatus.size()!=0">
																<div class="table-responsive">
																	<table class="table table-bordered table-hover">
																		<thead class="textColorBlack">
																			<tr>
																				<th style="width: 5px; text-align: center;">ลำดับ</th>
																				<th>ชื่องาน</th>
																				<th style="width: 150px; text-align: center;">วันที่ทำการร้องขอ</th>
																				<th style="width: 150px; text-align: center;">ยกเลิกการร้องขอ</th>
																			</tr>
																		</thead>
																		<tbody>
																			<s:iterator value="model.requestJobRequestStatus"
																				status="index">
																				<tr>
																					<td align="center"><s:property
																							value="#index.count" /></td>
																					<td><a
																						href="jobDetail?model.postJobId=<s:property value="postJob.postID" />"><s:if
																								test="postJob.job.jobName.length()>50">
																								<s:property
																									value="postJob.job.jobName.substring(0,50)" />...
																					</s:if> <s:else>
																								<s:property value="postJob.job.jobName" />
																							</s:else></a></td>
																					<td><s:date
																							name="listStatusOfRequest[0].dateTime"
																							format="dd MMM yyyy hh:mm" /></td>
																					<td align="center"><button type="button"
																							class="btn btn-warning btn-xs">
																							<span class="fontHeader4"><i
																								class="icon-cancel iconSmall"></i>
																								ยกเลิกการร้องของาน</span>
																						</button></td>
																				</tr>
																			</s:iterator>
																		</tbody>
																	</table>
																</div>
															</s:if>
															<s:else>
																<div class="alert alert-info pb05 pt05">
																	<p>ไม่พบข้อมูลงานที่ร้องขอของสถานะ 1</p>
																</div>
															</s:else>
														</div>
														<div class="col-md-12 mb05">
															<hr class="lineLines">
														</div>
														<div class="col-md-12 mb05">
															<h3>
																<span class="label label-info"><b>2. สถานะ</b></span>
																ได้รับการอนุมัติจากผู้ว่าจ้าง (กรุณากดปุ่ม <b>"ยืนยัน"</b>
																เพื่อตอบยืนว่าจะทำงานนี้ หรือ กดปุ่ม <b>"ปฏิเสธ"</b>
																เพื่อไม่ทำงานนี้)
															</h3>
														</div>
														<div class="col-md-12">
															<s:if test="model.requestJobConfirmStatus.size()!=0">
																<div class="table-responsive">
																	<table class="table table-bordered table-hover">
																		<thead class="textColorBlack">
																			<tr>
																				<th style="width: 5px; text-align: center;">ลำดับ</th>
																				<th>ชื่องาน</th>
																				<th style="width: 150px; text-align: center;">วันที่ทำการร้องขอ</th>
																				<th style="width: 150px; text-align: center;">วันที่ถูกตอบรับงาน</th>
																				<th style="width: 150px; text-align: center;">ยืนยันการรับงาน</th>
																			</tr>
																		</thead>
																		<tbody>
																			<s:iterator value="model.requestJobConfirmStatus"
																				status="index">
																				<tr>
																					<td align="center"><s:property
																							value="#index.count" /></td>
																					<td><a
																						href="jobDetail?model.postJobId=<s:property value="postJob.postID" />"><s:if
																								test="postJob.job.jobName.length()>30">
																								<s:property
																									value="postJob.job.jobName.substring(0,30)" />...
																					</s:if> <s:else>
																								<s:property value="postJob.job.jobName" />
																							</s:else></a></td>
																					<td><s:date
																							name="listStatusOfRequest[0].dateTime"
																							format="dd MMM yyyy hh:mm น." /></td>
																					<td><s:date
																							name="listStatusOfRequest[0].responseDateTime"
																							format="dd MMM yyyy hh:mm น." /></td>
																					<td align="center"><button type="button"
																							class="btn btn-success btn-xs">
																							<span class="fontHeader4"><i
																								class="icon-ok iconSmall"></i> ยืนยัน</span>
																						</button>
																						<button type="button"
																							class="btn btn-danger btn-xs">
																							<span class="fontHeader4"><i
																								class="icon-ok iconSmall"></i> ปฏิเสธ</span>
																						</button></td>
																				</tr>
																			</s:iterator>
																		</tbody>
																	</table>
																</div>
															</s:if>
															<s:else>
																<div class="alert alert-info pb05 pt05">
																	<p>ไม่พบข้อมูลงานที่ร้องขอของสถานะ 1</p>
																</div>
															</s:else>

														</div>
														<div class="col-md-12 mb05">
															<hr class="lineLines">
														</div>
														<div class="col-md-12 mb05">
															<h3>
																<span class="label label-info"><b>3. สถานะ</b></span>
																ไม่ได้รับการอนุมัติการร้องขอจากผู้ว่าจ้าง
															</h3>
														</div>
														<div class="col-md-12">

															<s:if test="model.requestJobRejectStatus.size()!=0">
																<div class="table-responsive">
																	<table class="table table-bordered table-hover">
																		<thead class="textColorBlack">
																			<tr>
																				<th style="width: 5px; text-align: center;">ลำดับ</th>
																				<th>ชื่องาน</th>
																				<th style="width: 150px; text-align: center;">วันที่ทำการร้องขอ</th>
																				<th style="width: 150px; text-align: center;">วันที่ตอบกลับ</th>
																				<th style="width: 150px; text-align: center;">ลบการร้องขอ</th>
																			</tr>
																		</thead>
																		<tbody>
																			<s:iterator value="model.requestJobRejectStatus"
																				status="index">
																				<tr>
																					<td align="center"><s:property
																							value="#index.count" /></td>
																					<td><a
																						href="jobDetail?model.postJobId=<s:property value="postJob.postID" />"><s:if
																								test="postJob.job.jobName.length()>30">
																								<s:property
																									value="postJob.job.jobName.substring(0,30)" />...
																					</s:if> <s:else>
																								<s:property value="postJob.job.jobName" />
																							</s:else></a></td>
																					<td><s:date
																							name="listStatusOfRequest[0].dateTime"
																							format="dd MMM yyyy hh:mm น." /></td>
																					<td><s:date
																							name="listStatusOfRequest[0].responseDateTime"
																							format="dd MMM yyyy hh:mm น." /></td>
																					<td align="center"><button type="button"
																							class="btn btn-danger btn-xs">
																							<span class="fontHeader4"><i
																								class="glyphicon glyphicon-trash iconSmall"></i>
																								ลบการร้องขอ</span>
																						</button></td>
																				</tr>
																			</s:iterator>
																		</tbody>
																	</table>
																</div>
															</s:if>
															<s:else>
																<div class="alert alert-info pb05 pt05">
																	<p>ไม่พบข้อมูลงานที่ร้องขอของสถานะ 1</p>
																</div>
															</s:else>
														</div>
													</div>
												</div>

												<!-- tab 2 Employment -->
												<div class="tab-pane fade" id="taskMyEmploymentTab">
													<s:if test="model.listBeEmployed.size()!=0">
														<div class="row">
															<div class="col-md-12">
																<div class="table-responsive">
																	<table class="table table-bordered">
																		<thead class="textColorBlack">
																			<tr>
																				<th style="width: 5px; text-align: center;">ลำดับ</th>
																				<th style="text-align: center;">ชื่องาน</th>
																				<th style="width: 145px; text-align: center;">วันที่ทำการร้องขอ</th>
																				<th style="width: 145px; text-align: center;">ผลการตอบรับงาน</th>
																			</tr>
																		</thead>
																		<tbody>
																			<s:iterator value="model.listBeEmployed" status="i"></s:iterator>
																			<tr>
																				<td align="center"><s:property value="#i.count" /></td>
																				<td><s:property value="postJob.job.jobName" /></td>
																				<td align="center"><s:date
																						name="listStatusOfRequest[0].dateTime"
																						format="dd MMMM yyyy" /></td>
																				<td align="center"><button type="button"
																						class="btn btn-success btn-xs">
																						<span class="fontHeader4"><i
																							class="icon-ok iconSmall"></i> ยืนยัน</span>
																					</button>
																					<button type="button" class="btn btn-danger btn-xs">
																						<span class="fontHeader4"><i
																							class="glyphicon glyphicon-trash iconSmall"></i>
																							ปฏิเสธ</span>
																					</button></td>
																			</tr>
																		</tbody>
																	</table>
																</div>
															</div>
														</div>
													</s:if>
													<s:else>
														<div class="row mt05">
															<div class="col-md-12 col-sm-12 col-xs-12">
																<div class="col-md-12 mt05">
																	<div class="alert alert-success pb05 pt05">
																		<p align="center">
																			<b>*** ไม่พบผู้ที่ร้องของานนี้ ในสถานะกำลังทำงาน
																				***</b>
																		</p>
																	</div>
																</div>
															</div>
														</div>
													</s:else>
												</div>
											</div>
										</div>
									</div>
									<div class="row">
										<div class="col-md-12">
											<hr class="lineLines">
										</div>
									</div>
									<div class="row">
										<div class="col-md-12">
											<b>ผลสรุปงานทั้งหมดของฉัน</b>
										</div>
									</div>
									<div class="row mt15">
										<div class="col-md-12 col-xs-6 table-responsive">
											<center>
												<canvas id="canvasAllJob" height="450px" width="700"></canvas>
											</center>
										</div>
									</div>
								</div>
							</div>
						</div>

						<div class="row" id="AspectOwnJob">
							<div class="col-md-12">
								<div class="tab-content color0 boxcontent ">
									<div class="row mb05">
										<div class="col-md-12">
											<h2>มุมมองของผู้ว่าจ้าง</h2>
										</div>
									</div>
									<div class="row">
										<div class="col-md-12">
											<ul class="nav nav-tabs" id="myTab">
												<li class="active"><a href="#taskMyJobTab"
													data-toggle="tab">ข้อมูลผู้ที่สนใจงานที่เราโพส&nbsp;<span
														class="badge"><s:property
																value="model.listPostJobThatFreelanceRequest.size()" /></span>
												</a></li>
												<li class=""><a href="#taskMyEmploymentTab"
													data-toggle="tab">ข้อมูลงานที่คุณถูกผู้ว่าจ้างร้องขอ <span
														class="badge">34</span>
												</a></li>

											</ul>

											<div class="tab-content">
												<!-- tab 1 Request -->
												<div class="tab-pane fade active in" id="taskMyJobTab">
													<div class="row">
														<div class="col-md-12">
															<div class="alert alert-info pb05 pt05">
																<p>
																	<b>ชี้แจง :</b> การแสดงรายละเอียดของงานจะแสดงตารางตาม <b>สถานะการร้องขอ</b>
																	ในปัจจุบัน
																</p>
															</div>
														</div>
														<div class="col-md-12 mb05">
															<s:if
																test="model.listPostJobThatFreelanceRequest.size()!=0">
																<div class="panel-group" id="accordion" role="tablist"
																	aria-multiselectable="true">
																	<s:iterator
																		value="model.listPostJobThatFreelanceRequest"
																		status="i">
																		<div class="panel panel-default">
																			<div class="panel-heading" role="tab"
																				id="heading<s:property value="#i.count"/>" >
																				<h4 class="panel-title">
																					<a data-toggle="collapse" data-parent="#accordion"
																						href="#collapse<s:property value="#i.count"/>"
																						aria-expanded="true"
																						aria-controls="collapse<s:property value="#i.count"/>">

																						<b><s:property value="#i.count" />.&nbsp;<s:property
																								value="job.jobName" /></b>


																					</a>
																				</h4>
																			</div>
																			<div id="collapse<s:property value="#i.count"/>"
																				class="panel-collapse collapse" role="tabpanel"
																				aria-labelledby="heading<s:property value="#i.count"/>">
																				<div class="panel-body">
																					<s:if test="listRequestJob.size()!=0">
																						<div class="row mt05">
																							<div class="col-md-12 col-sm-12col-xs-12">
																								<div class="table-responsive">
																									<table
																										class="table table-striped table-hover textCenter">
																										<thead class="textColorBlack">
																											<tr class="filters ">
																												<th>ลำดับ</th>
																												<th class="textCenter">ผู้ร้องขอ</th>
																												<th class="textCenter">วันที่ร้องขอ</th>
																												<th class="textCenter">ระดับความน่าเชื่อถือของผู้ร้องขอ</th>
																												<s:if test="%{#formatTime=='เสนอราคา'}">
																													<th class="textCenter">ค่าตอบแทนที่ผู้ร้องขอเสนอ</th>
																												</s:if>
																												<th></th>
																											</tr>
																										</thead>
																										<tbody>
																											<s:iterator
																												value="model.requestJobRequestStatus"
																												status="i">
																												<tr>
																													<td><s:property value="#i.count" /></td>
																													<td><s:property value="user.alias" /></td>
																													<td><s:date
																															name="listStatusOfRequest[0].dateTime"
																															format="dd MMMM yyyy" /></td>
																													<td><span class="textColorYelow">
																															<s:iterator var="counter" begin="1"
																																end="user.trustLevel">
																																<i class="icon-star"></i>
																															</s:iterator> <s:iterator var="counter" begin="1"
																																end="5 - user.trustLevel">
																																<i class="icon-star-empty"></i>
																															</s:iterator>
																													</span></td>
																													<s:if test="%{#formatTime=='เสนอราคา'}">
																														<td><s:property
																																value="listStatusOfRequest[0].priceOfBid" />
																															<s:property value="#formatTimeUnit" /></td>
																													</s:if>
																													<td><a href="freelanceDetailPage.jsp"><button
																																type="button"
																																class="btn btn-primary btn-xs">
																																<span class="fontHeader4"><i
																																	class="glyphicon glyphicon-user iconSmall"></i>
																																	ดูโปรไฟล์</span>
																															</button></a></td>
																												</tr>
																											</s:iterator>
																										</tbody>
																									</table>
																								</div>
																							</div>
																						</div>
																					</s:if>
																					<s:else>
ddd
</s:else>
																				</div>
																			</div>
																		</div>
																	</s:iterator>
																</div>
															</s:if>
															<s:else>...........................................</s:else>
														</div>
													</div>
												</div>

												<!-- tab 2 Employment -->
												<div class="tab-pane fade" id="taskMyEmploymentTab">
													<div class="row">
														<div class="col-md-12">
															<div class="table-responsive">
																<table class="table table-bordered">
																	<thead class="textColorBlack">
																		<tr>
																			<th style="width: 5px;">ลำดับ</th>
																			<th>ชื่องาน</th>
																			<th style="width: 145px;">วันที่ฉันถูกว่าจ้าง</th>
																			<th style="width: 145px;">ผลการตอบรับงาน</th>
																		</tr>
																	</thead>
																	<tbody>
																		<tr>
																			<td>1</td>
																			<td>พัฒนาโปรแรมร้านอาหารในส่วนงาน...</td>
																			<td>25 ก.ค. 2014 10:00 น.</td>
																			<td align="center"><button type="button"
																					class="btn btn-success btn-xs">
																					<span class="fontHeader4"><i
																						class="icon-ok iconSmall"></i> ยืนยัน</span>
																				</button>
																				<button type="button" class="btn btn-danger btn-xs">
																					<span class="fontHeader4"><i
																						class="glyphicon glyphicon-trash iconSmall"></i>
																						ปฏิเสธ</span>
																				</button></td>
																		</tr>
																		<tr>
																			<td>2</td>
																			<td>Table cell</td>
																			<td>25 ก.ค. 2014 10:00 น.</td>
																			<td align="center"><button type="button"
																					class="btn btn-success btn-xs">
																					<span class="fontHeader4"><i
																						class="icon-ok iconSmall"></i> ยืนยัน</span>
																				</button>
																				<button type="button" class="btn btn-danger btn-xs">
																					<span class="fontHeader4"><i
																						class="glyphicon glyphicon-trash iconSmall"></i>
																						ปฏิเสธ</span>
																				</button></td>


																		</tr>
																		<tr>
																			<td>3</td>
																			<td>Table cell</td>
																			<td>25 ก.ค. 2014 10:00 น.</td>
																			<td align="center"><button type="button"
																					class="btn btn-success btn-xs">
																					<span class="fontHeader4"><i
																						class="icon-ok iconSmall"></i> ยืนยัน</span>
																				</button>
																				<button type="button" class="btn btn-danger btn-xs">
																					<span class="fontHeader4"><i
																						class="glyphicon glyphicon-trash iconSmall"></i>
																						ปฏิเสธ</span>
																				</button></td>
																		</tr>
																	</tbody>
																</table>
															</div>
														</div>

													</div>

												</div>

											</div>
										</div>
									</div>
								</div>
							</div>
						</div>

					</div>
					<div class="col-md-3">

						<div class="row">
							<div class="col-md-12">
								<div class="boxFocus color1">
									<div class="textCenter mb05">ประกาศงานฟรี
										ได้โดยคลิกปุ่มด้านล่างนี้</div>
									<div class="textCenter">
										<button type="button"
											class="btn btn-labeled btn-success font4">
											<span class="btn-label"><i class="icon-briefcase"></i></span>ประกาศงาน
											ฟรี!
										</button>
									</div>
								</div>
							</div>
						</div>
						<div class="row">
							<div class="col-md-12 mt15">
								<div class="row">
									<div class="col-md-12">
										<span class="font4"><b>ค้นหางานตามหมวดหมู่งาน</b></span>
									</div>
								</div>
								<div class="row mt05">
									<div class="col-md-12">
										<s:iterator value="model.listCategoryJob">
											<div class="row">
												<div class="col-md-12 col-xs-6 col-sm-6 mt05"
													style="margin-left: 1em;">
													<div class="media">
														<a class="pull-left"
															href="searchJobByCategory?model.searchForm.aptitudeType=%{aptitudeTypeID}"><img
															class="img-circle img-responsive"
															src="<s:property value="image_icon"/>" alt=""
															style="width: 40px;"> </a>
														<div class="media-body">
															<s:a
																href="searchJobByCategory?model.searchForm.aptitudeType=%{aptitudeTypeID}"
																encode="true" method="post">
																<span class="font5"><b><s:property
																			value="aptitudeTypeName" /></b></span>
															</s:a>
															<br> <span class="font5">งานที่มีทั้งหมด <s:property
																	value="countSumJob" /> งาน
															</span>
														</div>
													</div>
												</div>
											</div>
										</s:iterator>
									</div>
								</div>
								<div class="row mt15 mb05">
									<div class="col-md-12">
										<hr class="lineLines">
									</div>
								</div>
								<div class="row">
									<div class="col-md-12">
										<span class="font4 textColorBlack"><b>งานใหม่ล่าสุด</b></span>
									</div>
								</div>
								<div class="row">
									<div class="col-md-12">
										<ul class="list-unstyled iconList borderList">
											<s:iterator value="model.listLastJob">
												<li><a
													href="jobDetail?model.postJobId=<s:property value="postID" />"
													class=""> <s:if test="job.jobName.length()>30">
															<s:property value="job.jobName.substring(0,30)" />...
																					</s:if> <s:else>
															<s:property value="job.jobName" />
														</s:else>
												</a></li>
											</s:iterator>
										</ul>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</section>
		<!-- Content -->
		<jsp:include page="core/templates/footer.jsp" />
	</div>

	<!-- 	Script chart All Job -->
	<script>
		var randomScalingFactor = function() {
			return Math.round(Math.random() * 100);
		};

		var barChartData = {
			labels : [ "มกราคม 2015", "กุมภาพันธ์ 2015", "March", "April",
					"May", "June", "July" ],
			datasets : [
					{
						fillColor : "rgba(220,220,220,0.5)",
						strokeColor : "rgba(220,220,220,0.8)",
						highlightFill : "rgba(220,220,220,0.75)",
						highlightStroke : "rgba(220,220,220,1)",
						data : [ randomScalingFactor(), randomScalingFactor(),
								randomScalingFactor(), randomScalingFactor(),
								randomScalingFactor(), randomScalingFactor(),
								randomScalingFactor() ]
					},
					{
						fillColor : "rgba(151,187,205,0.5)",
						strokeColor : "rgba(151,187,205,0.8)",
						highlightFill : "rgba(151,187,205,0.75)",
						highlightStroke : "rgba(151,187,205,1)",
						data : [ randomScalingFactor(), randomScalingFactor(),
								randomScalingFactor(), randomScalingFactor(),
								randomScalingFactor(), randomScalingFactor(),
								randomScalingFactor() ]
					} ]

		};
		window.onload = function() {
			var line_ctx = document.getElementById("canvasAllJob").getContext(
					"2d");
			new Chart(line_ctx).Bar(barChartData, {
				responsive : false,
				segmentShowStroke : true,
				segmentStrokeColor : "#fff",
				segmentStrokeWidth : 2,
				animationEasing : "easeOutBounce",
				animateRotate : true,
				animateScale : false,

			});

		};
	</script>

</body>
</html>